/* 导航栏基础样式 */
.nav-item2 {
    position: relative;
  }
  
  .nav-parent {
    display: flex;
    align-items: center;
    cursor: pointer;
    /* padding-bottom: 48px; */
  }
  
  
  /* 隐藏二级菜单 */
  .nav-child {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
     /*pointer-events: none; /*阻止鼠标事件，防止 hover 后菜单自动消失 */
  }
  
  
  .nav-child-icon img {
    transition: transform 0.3s ease-in-out;
  }
  .nav-item:hover{
    font-weight: bold;
  }
  .nav-item2:hover .nav-text2{
    font-weight: bold;
  }
  /* 显示二级菜单 */
  .nav-item2:hover .nav-child {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
   
    pointer-events: auto; /* 恢复鼠标事件 */
  }

  .nav-item2 .nav-icon2{
    transition: transform 0.3s ease-in-out;
  }
  .nav-item2:hover .nav-icon2{
    transform: rotate(180deg);
  }
  
  /* 选中效果动画 */
  .nav-child-item:hover {
    background-color: #f0f0f0;
    transition: all 0.3s ease-in-out;
  }

  .nav-child-item .nav-child-icon img {
    visibility: hidden;
    opacity: 0;
    transform: scale(1.2);
  }
  
  .nav-child-item:hover .nav-child-icon img {
    visibility: visible;
    opacity: 1;
    transform: scale(1.2);
    transition: all 0.3s ease-in-out;
  }

  .nav-child-item:hover a{
    text-decoration: none;
    position: relative;
    font-weight: bold !important;
    color: inherit;
    display: inline-block;
    min-width: 64px;
  }
  
  .nav-child-item:hover .nav-levea3-active-text,
  .nav-child-item:hover .nav-levea3-active-text-xw,
  .nav-child-item:hover .nav-levea3-active-text1 {
    color: #007BFF; /* 选中项文字颜色变化 */
    transition: color 0.3s ease-in-out;
  }

  .background-xiaoyuan:hover .video-background {
      opacity:  0.8;
      
    }

    .background-xiaoyuan:hover .text{
      color: #FFFFFF;
    }

.background-wangluo:hover .video-background {
    opacity: 0.8;
    
    }

    .background-wangluo:hover .text1{
      color: #FFFFFF;
    }

    .background-xiaoyuan:hover .video-button{
      color: #1B2C62;
      opacity: 1;
    }
.background-wangluo:hover .video-button{
  color: #1B2C62;
  opacity: 1;
}

.video-background{
    display: flex;
    position: relative;
    top: 50%;
    left: 50%;
    width: calc(100% + 366px);
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    
    z-index: 2;

    clip-path: polygon(
        0 0, /* 左上角 */
        calc(100% - 183px) 0, /* 右上角左边 */
        calc(100% - 183px) 198px, /* 右上角下边 */
        100% 198px, /* 右上角 */
        100% calc(100% - 198px), /* 右下角上边 */
        calc(100% - 183px) calc(100% - 198px), /* 右下角左边 */
        calc(100% - 183px) 100%, /* 右下角下边 */
        183px 100%, /* 左下角 */
        0 100% /* 左下角的左边 */
      );
}
.v-background{
  width: 100%;
  height: 100%;
  position: absolute;
  background: #1B2C62;
  opacity: 0.61;
}
.video2{
    clip-path: polygon(
        183px 0, /* 左上角右边 */
        100% 0, /* 右上角 */
        100% 100%, /* 右下角 */
        183px 100%, /* 左下角右边 */
        183px calc(100% - 198px), /* 左下角上边 */
        0 calc(100% - 198px), /* 左下角 */
        0 198px, /* 左上角下边 */
        183px 198px, /* 左上角内部 */
        183px 0 /* 回到左上角右边 */
      );
}

.video-background video{
    overflow: hidden;
    object-fit: cover;
    width: 100%;
}
.background-xiaoyuan .text{
    z-index: 3;
}

.image-container .middlevideo{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text1{
    z-index: 3;
    transition: color 0.5s ease-in-out;
}
.text{
  transition: color 0.5s ease-in-out;
}